<template>
  <div>
    <br />
    <a-row>
      <a-col :span="4"></a-col>
      <a-col :span="3">
        <a-button type="link" class="logo">
          <div>
            <img src="../../../public/Logo.jpg" />
          </div>Ju Teng Nuo
        </a-button>
      </a-col>
      <a-col :span="3"></a-col>
      <a-col :span="6">
        <a-menu mode="horizontal">
          <a-menu-item key="mail">产品</a-menu-item>
          <a-menu-item key="app"><a href="https://thoughts.teambition.com/share/5fa8da19a7e8140046ea0c21#title=HJ技术文档" target="_blank" rel="noopener noreferrer">文档</a></a-menu-item>

          <a-menu-item key="alipay">
            <a href="" target="_blank" rel="noopener noreferrer">招募</a>
          </a-menu-item>
        </a-menu>
      </a-col>
      <a-col :span="3"></a-col>
      <a-col :span="2">
        <!-- <a-button type="primary" shape="round">登录</a-button> -->
      </a-col>
      <a-col :span="3"></a-col>
    </a-row>
  </div>
</template>

<style scoped>
.logo {
  font-size: 14px;
  font-weight: 500;
}
.ant-menu-horizontal {
  border: 0 !important;
}
.ant-menu {
  font-size: 14px;
  font-weight: 400;
}
</style>